﻿
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no, viewport-fit=cover">
 <link rel="stylesheet" href="css/reg.css">
 <script src="jquery.js"></script>
</head>
<body>
<div class="pic"><img src="images/logo.png" /> </div>
<div class="box">
  <form id="regform">
      <!--手机号-->
  <div class="txt1 border">
      <input type="hidden" name="countryNo" value="86" />
      <input placeholder="手机号" id="phone" name="phone" autocomplete="off" />
          <span id="phoneerror"></span>
  </div>

      <!--验证码-->
  <div class="yzm border">
      <input placeholder="验证码" id="yzm" />
      <span id="yzmerror"></span>
      <input type="button" value="发送验证码" id="yanzhengmaBtn" disabled />
  </div>
      <!--密码-->
      <div class="mima border">
          <input placeholder="密码" name="pwd" id="pwd1" title="密码长度 6~16 位，数字、字母和符号至少包含两种" />
          <span id="pwderror1"></span>
      </div>
      <!--重置密码-->
      <div class="czmima border">
          <input placeholder="重复密码" id="pwd2" />
          <span id="pwderror2b"></span>
      </div>
      <!--注册协议-->
      <div class="zhuce">
          <input type="checkbox" id="agreeCK" /> <a href="">注册协议</a>
      </div>
      <!--跳转到注册-->
      <div class="zhuce">
          <input type="button" id="submitBtn" value="注册" disabled />
      </div>
 </form>



 <script src="reg.js"></script>
</div>
<!--
input 的onblur和onfocus事件，意思是当失去焦点时和当获得焦点时
onkeyup 当键盘弹起时，它的及时性很好
-->

</body>
</html>










